<table class="p-table--mobile-card" aria-label="Example of table transforming into mobile cards on small screens">
  <thead>
    <tr>
      <th>FQDN</th>
      <th>Power</th>
      <th>Status</th>
      <th>Owner</th>
      <th>Zone</th>
      <th class="u-align--right">Cores</th>
      <th class="u-align--right">RAM</th>
      <th class="u-align--right">Disks</th>
      <th class="u-align--right">Storage</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td data-heading="FQDN">LongEnoughToCauseEllipsis</td>
      <td data-heading="Power">On</td>
      <td data-heading="Status">Failed testing</td>
      <td data-heading="Owner">Caleb</td>
      <td data-heading="Zone">london</td>
      <td class="u-align--right" data-heading="Cores">4</td>
      <td class="u-align--right" data-heading="RAM">2 GiB</td>
      <td class="u-align--right" data-heading="Disks">1</td>
      <td class="u-align--right" data-heading="Storage long enough to cause ellipsis">2TB</td>
      <td class="has-overflow" data-heading="Actions">
        <span class="p-contextual-menu--left">
          <button class="p-contextual-menu__toggle u-no-margin--bottom" aria-controls="menu-1" aria-expanded="true" aria-haspopup="true">Actions&hellip;</button>
          <span class="p-contextual-menu__dropdown" id="menu-1" aria-hidden="false">
            <span class="p-contextual-menu__group">
              <button class="p-contextual-menu__link">Commission</button>
              <button class="p-contextual-menu__link">Aquire</button>
              <button class="p-contextual-menu__link">Deploy</button>
            </span>
            <span class="p-contextual-menu__group">
              <button class="p-contextual-menu__link">Test hardware</button>
              <button class="p-contextual-menu__link">Rescue mode</button>
              <button class="p-contextual-menu__link">Mark broken</button>
            </span>
          </span>
        </span>
      </td>
    </tr>
    <tr>
      <td data-heading="FQDN">upward-muskox</td>
      <td data-heading="Power">Off</td>
      <td data-heading="Status">Allocated</td>
      <td data-heading="Owner">sparkiegeek</td>
      <td data-heading="Zone">london</td>
      <td class="u-align--right"  data-heading="Cores">6</td>
      <td class="u-align--right"  data-heading="RAM">4 GiB</td>
      <td class="u-align--right"  data-heading="Disks">1</td>
      <td class="u-align--right"  data-heading="Storage">500GB</td>
      <td class="has-overflow" data-heading="Actions">
        <span class="p-contextual-menu--left">
          <button class="p-contextual-menu__toggle u-no-margin--bottom" aria-controls="menu-2" aria-expanded="false" aria-haspopup="true">Actions&hellip;</button>
          <span class="p-contextual-menu__dropdown" id="menu-2" aria-hidden="true">
            <span class="p-contextual-menu__group">
              <button class="p-contextual-menu__link">Commission</button>
              <button class="p-contextual-menu__link">Aquire</button>
              <button class="p-contextual-menu__link">Deploy</button>
            </span>
            <span class="p-contextual-menu__group">
              <button class="p-contextual-menu__link">Test hardware</button>
              <button class="p-contextual-menu__link">Rescue mode</button>
              <button class="p-contextual-menu__link">Mark broken</button>
            </span>
          </span>
        </span>
      </td>
    </tr>
    <tr>
      <td data-heading="FQDN">first-cattle</td>
      <td data-heading="Power">On</td>
      <td data-heading="Status">Failed to enter rescue mode</td>
      <td data-heading="Owner">admin</td>
      <td data-heading="Zone">london</td>
      <td class="u-align--right"  data-heading="Cores">8</td>
      <td class="u-align--right"  data-heading="RAM">16 GiB</td>
      <td class="u-align--right"  data-heading="Disks">3</td>
      <td class="u-align--right"  data-heading="Storage">6TB</td>
      <td class="has-overflow" data-heading="Actions">
        <span class="p-contextual-menu--left">
          <button class="p-contextual-menu__toggle u-no-margin--bottom" aria-controls="menu-3" aria-expanded="false" aria-haspopup="true">Actions&hellip;</button>
          <span class="p-contextual-menu__dropdown" id="menu-3" aria-hidden="true">
            <span class="p-contextual-menu__group">
              <button class="p-contextual-menu__link">Commission</button>
              <button class="p-contextual-menu__link">Aquire</button>
              <button class="p-contextual-menu__link">Deploy</button>
            </span>
            <span class="p-contextual-menu__group">
              <button class="p-contextual-menu__link">Test hardware</button>
              <button class="p-contextual-menu__link">Rescue mode</button>
              <button class="p-contextual-menu__link">Mark broken</button>
            </span>
          </span>
        </span>
      </td>
    </tr>
    <tr>
      <td data-heading="FQDN">golden-rodent</td>
      <td data-heading="Power">Off</td>
      <td data-heading="Status">Broken</td>
      <td data-heading="Owner">&mdash;</td>
      <td data-heading="Zone">london</td>
      <td class="u-align--right"  data-heading="Cores">2</td>
      <td class="u-align--right"  data-heading="RAM">1 GiB</td>
      <td class="u-align--right"  data-heading="Disks">1</td>
      <td class="u-align--right"  data-heading="Storage">240GB</td>
      <td class="has-overflow" data-heading="Actions">
        <span class="p-contextual-menu--left">
          <button class="p-contextual-menu__toggle u-no-margin--bottom" aria-controls="menu-4" aria-expanded="false" aria-haspopup="true">Actions&hellip;</button>
          <span class="p-contextual-menu__dropdown" id="menu-4" aria-hidden="true">
            <span class="p-contextual-menu__group">
              <button class="p-contextual-menu__link">Commission</button>
              <button class="p-contextual-menu__link">Aquire</button>
              <button class="p-contextual-menu__link">Deploy</button>
            </span>
            <span class="p-contextual-menu__group">
              <button class="p-contextual-menu__link">Test hardware</button>
              <button class="p-contextual-menu__link">Rescue mode</button>
              <button class="p-contextual-menu__link">Mark broken</button>
            </span>
          </span>
        </span>
      </td>
    </tr>
  </tbody>
</table>
